<template>
  <div class="nav content">
    <div class="w clearfix">
      <div class="logo">
        <a href="http://localhost:8080/#/"
          ><img src="../../static/img/logo.png" alt="" srcset=""
        /></a>
      </div>
      <div class="title">
        <ul class="nav clearfix">
          <li>首页</li>
          <li>账户设置</li>
          <li>评价</li>
          <li>消息</li>
        </ul>
      </div>
      <div class="form" clstag="homepage|keycount|header_1530066058149|3">
        <input
          type="text"
          onkeydown="javascript:if(event.keyCode==13) search('key');"
          autocomplete="off"
          id="key"
          accesskey="s"
          class="text"
        />
        <button
          onclick="search('key');return false;"
          class="button cw-icon"
          type="button"
        >
          <i></i>搜索
        </button>
      </div>
      <div class="shoppingcart"><shopping_cart_slot></shopping_cart_slot></div>
    </div>
  </div>
</template>
<script>
import shopping_cart_slot from "./shopping-cart-slot";
export default {
  components: { shopping_cart_slot },

  mounted() {
    this.$axios.post("/shopping/findAllByUserId", { userId: 1 });
  },
};
</script>
<style scoped>
.nav {
  width: 100%;
  background-color: #fff;
}
.w {
  width: 1210px;
  margin: 0 auto;
}
.logo {
  position: relative;
  float: left;
}
.logo img {
  border-radius: 5px;
}
.title,
.form {
  float: left;
}
ul.nav {
  margin-left: 50px;
}
.nav li {
  float: left;
  margin-left: 70px;
  margin-top: 30px;
  font-size: 16px;
}
.nav li:hover {
  cursor: pointer;
  color: #df3028;
}
.form {
  width: 210px;
  margin-top: 20px;
  margin-left: 160px;
}
.text {
  width: 140px;
  border-color: #df3028;
  float: left;
  height: 20px;
  line-height: 24px;
  color: #666;
  padding: 4px;
  margin-bottom: 4px;
  border-width: 2px 0 2px 2px;
  border-style: solid;
  outline: 0;
  font-size: 14px;
}
button {
  width: 60px;
  background-color: #df3028;
  font-size: 14px;
  float: left;
  height: 32px;
  border: none;
  border-radius: 0;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}
.shoppingcart {
  float: left;
  margin-top: 20px;
  margin-left: 70px;
}
</style>